@charset "utf-8";
*{
    margin:0;
    padding:0;
}
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
@function f($fz) {
    @return $fz / 14 * 1em
}

html,body{
    width:100%;
    height:100%;
    overflow: hidden;
}
body{
    background:#fff;
}
.web{ 
        position: relative;
        width:100%;
        height:100%;

                >nav{
                   
                    z-index: 1000;
                    .nav_box{
                            
                            .logo{
                                display:flex;
                                display:-webkit-flex;
                                align-items: center;
                            }
                    }
                }//nav
        >.content{
              
                position: absolute;
                left:0;
                right: 0;
                bottom:0;
                top:50px;
               
                
                /*height: calc(100% - 50px);*/
                overflow: auto;
               >.new_dt{
                   padding-top:20px;
                   margin-bottom:90px;
                   >.row{
                       width:65%;
                       margin:0 auto;
                       >h2{
                           color:#FF6B07;
                           margin-bottom:20px;
                       }
                       >.new_box{
                           display: flex;
                           display:-webkit-flex;
                           margin:0;
                           justify-content:space-around;
                            >div{
                                position: relative;
                                
                                padding:0;
                                >img{
                                    border: #ddd 1px solid;
                                    width:90%;
                                }
                                >p{
                                    width:100%;
                                    position: absolute;
                                    bottom:0;
                                    color:#fff;
                                    margin:0;
                                    padding:13px r(5);
                                    background: rgba(0,0,0,.5);
                                }
                            }
                           
                       }
                   }
               }//new_dt
               >.new_item{
                   padding-bottom:87px;
                   >.row{
                       width:65%;
                       margin:0 auto;
                       >.item_left{
                           margin:0;
                           padding:0;
                                >img{
                                    width:90%;
                                }
                       }
                       >.item_right{
                                position: relative;
                                >h4{
                                    color:#FF6900;
                                }
                                >div{
                                    color:#292929;
                                    font-size:14px;
                                    margin-bottom:15px;
                                }
                                >p{
                                    color:#292929;
                                    font-size:14px;  
                                    margin-bottom:15px;   
                                }
                                >aside{
                                    position: absolute;
                                    right: 0;
                                    background:#FF6900;
                                    display: inline-block;
                                    padding:7px r(22);
                                    color:#fff;
                                    font-size:14px;
                                    line-height: 23px;
                                    border-radius: 18px;
                                }
                       }
                   }
               }//new_item
               >.last_ul{
                   border-top:#ddd 1px dashed; 
                    padding-top:33px;
                    padding-bottom:25px;
                    display:flex;
                    display:-webkit-flex;
                    width:65%;
                    margin:0 auto;
                    justify-content: center;
                    >li{
                        list-style: none;
                        padding:7px r(13);
                        color:#292929;
                        border: #ddd 1px solid;
                    }
                    >.now{
                        background:#E34537;
                        color:#fff;
                    }
               }
                >footer{
                    padding-top:30px;
                    padding-bottom:60px;
                    background:#222;
                    >.foot_row{
                        display: flex;
                        display: -webkit-flex;
                        align-items: center;
                        width:65%;
                        margin:0 auto;
                        justify-content: space-between;
                        >.footer_content{
                            >ul{
                                display:flex;
                                display:-webkit-flex;
                                >li{
                                    margin-right: r(15);
                                    font-size:14px;
                                    list-style: none;
                                    color:#A1A3AB;
                                }   
                                
                            }
                            >p{
                                    font-size:12px;
                                    color:#A1A3AB;
                            }
                        }
                        >ul{
                            position: relative;
                            display: flex;
                            display: -webkit-flex;
                            >li{
                                list-style: none;
                                margin-left:r(20);
                            }
                            >li:nth-of-type(2):hover~div{
                                display:inline-block;
                            }  
                            >div{
                                display: none;
                                position: absolute;
                                top:-230%;
                                left:55%;
                                transform: translateX(-45%);
                                text-align: center;
                                >img{
                                    width:100%;
                                }
                            } 
                        }
                    }
                }
              
    }//content
}//web

@media only screen and (min-width: 768px) {
    html,
    body {
        min-width: 1141px;
        .web{
            >nav{
                
                    position: absolute;
                    z-index: 999;
                    top:0;
                    left:50%;
                    transform: translateX(-50%);
                    margin:0 auto;
                    margin-bottom:0;
                    background:#222;
                    width:100%;
                    border: none;
                    >.nav_box{
                        width:65%;
                    }
            }
        }
     
    }
}
@media only screen and (max-width: 768px) {

        // min-width: 2000px;
        .web{
            width:100%;
            // overflow: hidden;
            >nav{
                    width:100%;
              
            }//nav
            >.content{
                width:100%;
                // overflow: hidden;
                >.new_dt{
                    >.row{
                        width:100%;
                        margin:0 auto;
                        >h2{
                            color:#FF6B07;
                        }
                        >.new_box{
                            display:block;
                            
                         //justify-content:space-between;
                             >div{
                                 width:100%;
                                 position: relative;
                                 margin-right:r(30);
                                 padding:0;
                                 >img{
                                     width:100%;
                                 }
                                 >p{
                                     width:100%;
                                     position: absolute;
                                     bottom:0;
                                     color:#fff;
                                     margin:0;
                                     padding:13px r(5);
                                     background: rgba(0,0,0,.5);
                                 }
                             }
                            
                        }
                    }
                }//new_dt
                >.new_item{
                    padding-bottom:87px;
                    >.row{
                        width:100%;
                        margin:0 auto;
                        >.item_left{
                            margin:0;
                            padding:0;
                                 >img{
                                     width:100%;
                                 }
                        }
                    }
                }
                >footer{
                    padding-top:30px;
                    padding-bottom:60px;
                    >.foot_row{
                        display: flex;
                        display: -webkit-flex;
                        align-items: center;
                        flex-wrap: wrap;
                        width:100%;
                        margin:0 auto;
                        >.footer_content{
                            width:100%;
                            >ul{
                                display:flex;
                                display:-webkit-flex;
                                >li{
                                    margin-right: r(15);
                                    font-size:14px;
                                    list-style: none;
                                    color:#A1A3AB;
                                }   
                                
                            }
                            >p{
                                    font-size:12px;
                                    color:#A1A3AB;
                            }
                        }
                    }
                }
            }//content

        }//web
     
    }